<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="SiteName" content="北京市人力资源和保障局门户网站">
	<meta name="SiteDomain" content=" rsj.beijing.gov.cn">
	<meta name="SiteIDCode" content="1100000062">
	<meta name="ColumnName" content="急聘在线平台">
	<meta name="ColumnType" content="机构职能">
	<meta name="ColumnDescription" content="单位招聘信息列表展示">
	<meta name="ColumnKeywords" content="单位招聘信息,区域,分类,已选条件">
	<title>单位招聘信息</title>
	<link rel="stylesheet" href="./styles/css/common.css">
	<style>
		.NewClass .box1 .box_li .blodBox {
			height: 40px;
			margin-top: 5px;
		}
	</style>
</head>

<body>
	<!-- 公共头部 -->
	<script src="http://rsj.beijing.gov.cn/header.js"></script>
	<!-- 头部 -->
	<div class="job_header" style="margin-bottom:0">
		<div class="job_header_con clearfix">
			<a href="./index.html" class="left">
				<img src="./styles/images/logo.png" alt="">
			</a>
		</div>
	</div>
	<!-- 头部背景图 -->
	<img src="./styles/images/jp_img/titleimg.png" alt="" class="titleimg">
	<!-- 5大板块描述 -->
	<div class="plate">
		<ul class="clearfix">
			<li tab="1" class="active">
				<img src="./styles/images/jp_img/xinxi1Q.png" alt>
				<span>单位招聘信息</span>
			</li>
			<!-- <li tab="2">
				<img src="./styles/images/jp_img/xinxi.png" alt>
				<span>供方信息</span>
			</li>
			<li tab="3">
				<img src="./styles/images/jp_img/pin.png" alt>
				<span>事业单位招聘</span>
			</li> -->
			<li tab="4">
				<img src="./styles/images/jp_img/zhengce.png" alt>
				<span>支持政策信息</span>
			</li>
			<li tab="5">
				<img src="./styles/images/jp_img/jigou.png" alt>
				<span>服务机构信息</span>
			</li>
		</ul>
	</div>
	<!-- 板块内容 -->
	<div class="content jp_bxf NewClass">
		<!-- 搜索 -->
		<div class="input clearfix">
			<div class="hot left">
				搜索
			</div>
			<div class="option_right left">
				<input class="search_input" type="text" id="rs" placeholder="请输入您要查询的岗位、单位">
				<input type="button" class="search_submit" value="">
			</div>
		</div>

		<!-- 条件 -->
		<!-- <div class="condition clearfix">
			<div class="criteria">条件：&nbsp;</div>
			<span class="item_active item" tjid="01">需方信息</span>
			<span class="item" tjid="03">事业单位招聘 </span>
		</div> -->
		<!-- 地址 -->
		<div class="address clearfix">
			<div class="region">区域：&nbsp;</div>
			<div id="add" class="clearfix">
			</div>
		</div>

		<!-- 岗位 -->
		<div class="postt clearfix">
			<div class="region">分类：&nbsp;</div>
			<div class="type clearfix">
			</div>

			<div class="disnone clearfix" style="display: none;">
			</div>
			<div class="open clearfix">.. 更多</div>
		</div>

		<!-- 已选条件 -->
		<div class="conditions clearfix">
			<div class="region">已选条件：&nbsp;</div>
			<div class="conditions_input"></div>
			<div class="conditions_input1"></div>
			<!-- <div class="conditions_input2"></div> -->
		</div>

		<!-- 已选条件子集 -->
		<div class="subsetList clearfix"></div>


		<!-- 内容盒子 -->
		<div class="box1 clearfix">
			<div class="cc" id="page_xf">
				<script type="text/html" id="area_xf">
					<%if(+data.executeResult == 1){%>
					<ul class="box_ul clearfix">
						<% var _data = data.tblb%>
						<%for(var i=0;i<_data.length;i++){%>
						<% var item = _data[i]%>
						<li class="box_li left" title="<%=item.dwmc%>">
							<!-- <a class="demo_img" resid="<%=item.resId%>"
								href="<%=!item.dwid?item.requestUri:'./xfLink.html?dwid='+item.dwid+'&xzqhlb='+typestring()%>"
								target="_blank">
							</a> -->
							<!-- <img src="<%=item.icon%>" alt> -->
							<!-- 线 -->
							<div class="claerfix blodBox">
								<div class="blodGw clearfix" title="<%=item.gwmc%>" dwid="<%=item.dwid%>" gwid="<%=item.zpgwid%>">
									<%=item.gwmc%></div>
								<%if(item.ygxs==40){%><div class="blodGz clearfix" title="<%=item.xc%>">小时工</div><%}else{%><div
									class="blodGz clearfix" title="<%=item.xc%>"><%=item.xc%></div><%}%>

							</div>

							<div class="line_Gs" dwid="<%=item.dwid%>"><%=item.dwmc%>
							</div>

						</li>

						<%}%>
						<%}%>
					</ul>

				</script>
			</div>
		</div>
	</div>
	<!-- 公共尾部 -->
	<!--<include src="./include/footer.html"></include> -->
	<script src="http://rsj.beijing.gov.cn/footer.js"></script>
</body>
<script src="./common/vendor.js"></script>
<script src="./common/common.js"></script>
<script src="./common/md5_32.js"></script>
<script src="./common/configuration.js"></script>
<script src="./common/generaltools.js"></script>
<script>
	$(function () {
		$(document).on("click", ".line_Gs", function () {
			var dwid = $(this).attr("dwid");
			// console.log(dwid)
			viewNum(7000000);
			window.open('./xfLink.html?dwid=' + dwid + '&xzqhlb=' + List);
		})
		$(document).on("click", ".blodGw", function () {
			var gwid = $(this).attr("gwid");
			var dwid = $(this).attr("dwid");
			viewNum(7000000);
			window.open('./GwXq.html?zpgwid=' + gwid + '&dwid=' + dwid)
		})
		var List = []; // 城区的id
		var typeList = []; // 分类的id
		var typestring = ""; //传给详情页的string
		conditionList = ["01"]; // 条件查询id
		$(document).on('click', '.plate li', function () {
			var _tab = $(this).attr('tab');
			if (_tab == 2) {
				// 供方信息
				window.location.href = './jp_gf.html';
			} else if (_tab == 3) {
				// 专业技能人才招聘
				window.location.href = './jp_zp.html';
			} else if (_tab == 4) {
				// 服务机构信息
				window.location.href = './jp_zc.html';
			} else if (_tab == 5) {
				// 服务机构信息
				window.location.href = './jp_jg.html';
			}
		})
		var titleList = [];
		// 点击城区切换调取数据
		$(document).on('click', '.address .item', function () {
			var _class = $(this).hasClass('item_active');
			if (!_class) {

				var obj = {
					title: $(this).attr('title'),
					id: $(this).attr('zpqid')
				}

				//  新增已选条件
				// if(titleList.length<3){
				titleList.push(obj);
				List.push($(this).attr('zpqid'));
				$(this).addClass('item_active'); // 判断有没有类名 没有类名的添加 把全部的类名去掉  把zpqid添加到数组 同时触发查询的点击事件
				//  如果分类选项有选择分类的话
				// var __class = $('.postt .item').hasClass('item_active');
				// if (__class) {
				// 	$(".conditions_input").html(titleList + '+' + PostTitleList);
				// } else {
				// 	$(".conditions_input").html(titleList + '+' + "全部分类");

				// }
				var THml = "";
				$.each(titleList, function (K, V) {
					THml += "<div class='Cicty'>" + V.title + "<img title=" + V.title + " id=" + V.id +
						" src='./styles/images/ggb.jpg'>" +
						"</div>"
				})
				$(".conditions_input").html(THml);

				$('.search_submit').click();
				$('.address .all_item').removeClass('item_active');
				// }else{
				// 	$.layerMsg('最多选择3个城区', '我知道了');
				// 	return false;
				// }

			} else {
				$(this).removeClass('item_active');
				List.splice(List.indexOf($(this).attr('zpqid')), 1); // 再次点击删除类名 从数组中删除相对应的zpqid值 同时触发查询的点击事件
				// titleList.splice(titleList.indexOf($(this).attr('title')), 1);
				var ID = $(this).attr("zpqid");
				SpliceArr(titleList, ID);
				var THml = "";
				$.each(titleList, function (K, V) {
					THml += "<div class='Cicty'>" + V.title + "<img title=" + V.title + " id=" + V.id +
						" src='./styles/images/ggb.jpg'>" +
						"</div>"
				})
				$(".conditions_input").html(THml);
				$('.search_submit').click();
			}
			if (List.length == 0 || titleList.length == 0) { // 当数组的长度为0时  给全部添加类名
				$('.address .all_item').addClass('item_active');
				$(".conditions_input").html("全部区域");
			}
		});

		// 封装函数 删除对应子集方法
		function SpliceArr(Arr, ID) {
			var spliceIndex = 0;
			$.each(Arr, function (k, v) {
				if (v.id == ID) {
					spliceIndex = k;
				}
			})
			Arr.splice(spliceIndex, 1);
		}



		// 删除对应选项 城区
		$(document).on('click', '.Cicty img', function () {
			var ID = $(this).attr("id");
			$(".address .item_active[zpqid=" + ID + "]").removeClass('item_active');
			SpliceArr(titleList, ID);
			List.splice(List.indexOf($(this).attr('id')), 1);
			var THml = "";
			$.each(titleList, function (K, V) {
				THml += "<div class='Cicty'>" + V.title + "<img title=" + V.title + " id=" + V.id +
					" src='./styles/images/ggb.jpg'>" + "</div>";
			})
			$(".conditions_input").html(THml);
			// getxf_Cx(conditionList, List, typeList, InputValue,SubArr);  //List是城区
			$('.search_submit').click();
			if (titleList.length == 0) {
				$(".conditions_input").html("全部区域")
			}
		})
		// 城区全部
		$(document).on('click', '.address .all_item', function () { //点击全部的时候
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				// 已选条件
				$(this).addClass('item_active');
				$('.address .item').removeClass('item_active');
				List = [];
				titleList = [];
				$(".conditions_input").html("全部区域");
				$('.search_submit').click();
			}
		});
		var PostTitleList = []; // 分类Title数组
		// 切换分类调取数据                                                           分类同城区如上所示
		$(document).on('click', '.postt .item', function () {
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				$(".subsetList").show()
				$(this).addClass('item_active');
				$('.postt .all_item').removeClass('item_active');
				typeList.push($(this).attr('gwlmbh'));
				var obj = {
					title: $(this).attr("title"),
					id: $(this).attr('gwlmbh')
				}
				PostTitleList.push(obj);

				var THml = "";
				$.each(PostTitleList, function (K, V) {
					THml += "<div class='FL'>" + V.title + "<img title=" + V.title + " id=" + V.id +
						" src='./styles/images/ggb.jpg'>" +
						"</div>"
				})
				$(".conditions_input1").html(THml);
				// 传当前的gwlmbh值
				// getFenLeiCx($(this).attr("gwlmbh"));
				$('.search_submit').click();
			} else {
				$(this).removeClass('item_active');
				typeList.splice(typeList.indexOf($(this).attr('gwlmbh')), 1);
				var ID = $(this).attr("gwlmbh");
				SpliceArr(PostTitleList, ID);
				// if (typeList.length == 0) {
				// 	$(".subsetList").hide();
				// 	SubArr = [];
				// }
				var THml = "";
				$.each(PostTitleList, function (K, V) {
					THml += "<div class='FL'>" + V.title + "<img title=" + V.title + " id=" + V.id +
						" src='./styles/images/ggb.jpg'>" +
						"</div>"
				})
				$(".conditions_input1").html(THml);
				// 传当前的gwlmbh值
				// getFenLeiCx($(this).attr("gwlmbh"));
				$('.search_submit').click();
			}
			if (typeList.length == 0) {
				$('.postt .all_item').addClass('item_active');
				$(".conditions_input1").html("全部分类");
			}
		})

		//分类删除
		$(document).on('click', '.FL img', function () {
			var ID = $(this).attr("id");
			$(".postt .item_active[gwlmbh=" + ID + "]").removeClass('item_active');
			SpliceArr(PostTitleList, ID);
			typeList.splice(typeList.indexOf($(this).attr('gwlmbh')), 1);
			var THml = "";
			$.each(PostTitleList, function (K, V) {
				THml += "<div class='FL'>" + V.title + "<img title=" + V.title + " id=" + V.id +
					" src='./styles/images/ggb.jpg'>" + "</div>";
			})
			$(".conditions_input1").html(THml);
			// getxf_Cx(conditionList, List, typeList, InputValue,SubArr);  //List是城区
			$('.search_submit').click();
			if (PostTitleList.length == 0) {
				$(".conditions_input1").html("全部分类");
				$(".subsetList").hide();
				SubArr = [];
			}
			//    $('.search_submit').click();
		})
		// 分类全部
		$(document).on('click', '.postt .all_item', function () {
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				$(this).addClass('item_active');
				$('.postt .item').removeClass('item_active');
				typeList = [];
				PostTitleList = [];
				$('.search_submit').click();
				$(".conditions_input1").html("全部分类");
				$(".subsetList").hide()
			}
		});
		// 条件查询
		$(document).on('click', '.condition .item', function () {
			var _class = $(this).hasClass('item_active');
			if (!_class) {
				$(this).addClass('item_active');
				$('.condition .all_item').removeClass('item_active');
				conditionList.push($(this).attr('tjid'));
				$('.search_submit').click();
			} else {
				$(this).removeClass('item_active');
				conditionList.splice(conditionList.indexOf($(this).attr('tjid')), 1);
				$('.search_submit').click();
			}
		})
		// var SubArr = [];
		// var NewArr = [];
		// 点击区域子元素添加
		// $(document).on('click', '.subsetList .SubSpan', function () {
		// 	var _class = $(this).hasClass('item_active');
		// 	if (!_class) {
		// 		$(this).addClass('item_active');
		// 		var obj = {
		// 			title : $(this).attr("title"),
		// 			id :$(this).attr('gwlmbh')
		// 		}
		// 		SubArr.push($(this).attr('gwlmbh'));
		// 		NewArr.push(obj);
		// 		var THml = "";
		// 		$.each(NewArr, function (K, V) {
		// 			THml += "<div class='CHildFL'>" + V.title + "<img title=" + V.title + " id="+V.id+"  src='./styles/images/ggb.jpg'>" +
		// 				"</div>"
		// 		})
		// 		$(".conditions_input2").html(THml);
		// 		$('.search_submit').click();
		// 	} else {
		// 		$(this).removeClass('item_active');
		// 		SubArr.splice(SubArr.indexOf($(this).attr('gwlmbh')), 1);
		// 		NewArr.splice(NewArr.indexOf($(this).attr('title')), 1);
		// 		$('.search_submit').click();
		// 	}
		// 	if (SubArr.length == 0) {
		// 		$('.postt .all_item').addClass('item_active');
		// 	}
		// })
		// 子集分类删除
		// 	$(document).on('click', '.CHildFL img', function () {
		// 	var ID = $(this).attr("id");
		// 	$(".subsetList .item_active[gwlmbh="+ID+"]").removeClass('item_active');
		// 	SpliceArr(NewArr,ID);
		// 	SubArr.splice(SubArr.indexOf($(this).attr('gwlmbh')), 1);
		// 	var THml = "";
		// 	$.each(NewArr, function (K, V) {
		// 		THml += "<div class='CHildFL'>" + V.title + "<img title=" + V.title + " id=" + V.id + " src='./styles/images/ggb.jpg'>" + "</div>";
		// 	})
		// 	$('.search_submit').click();
		// 	// getxf_Cx(conditionList, List, typeList, InputValue,SubArr);  //List是城区
		// 	$(".conditions_input2").html(THml);
		// 	if (NewArr.length == 0) {
		// 		$(".conditions_input2").hide();
		// 		$(".subsetList").hide();
		// 	}
		// 	//    $('.search_submit').click();
		// })
		// 查询 点击查询
		$(document).on('click', '.search_submit', function () {
			var InputValue = $('.search_input').val(); //SubArr
			getxf_Cx(conditionList, List, typeList, InputValue); // 调取接口   // 条件的数组值 城区的数组值  分类是数组值     还有查询输入的val值
		})
		// 查询子集

		// function getFenLeiCx(sgwlms) {
		// 	if (sgwlms) {
		// 		$.fetch({
		// 			url: '/zyjp/gwfllbCx',
		// 			type: 'get',
		// 			data: {
		// 				sgwlms: sgwlms || []
		// 			}
		// 		}).done(function (res) {
		// 			var _res = res.returnData;
		// 			var resArr = _res.gwlmlb || [];
		// 			var _html = '';
		// 			// var html_ = '<div class="SubBox"></div>'
		// 			if (_res.executeResult == 1) {
		// 				$.each(resArr, function (k, v) {
		// 					_html +=
		// 						'<div class="clearfix" style="width:200px"><div class="region" style="color:black;font-weight: bold">' +
		// 						v.gwlm + "：" + '&nbsp;</div></div>'
		// 					$.each(v.gwlblb, function (K, M) {
		// 						_html += '<span class="SubSpan" gwlmbh=' + M.gwlmbh + ' title=' + M.gwlm + '>' + M.gwlm +
		// 							'</span>'
		// 					})
		// 				})
		// 				$('.subsetList').html(_html);
		// 			} else {
		// 				$.layerMsg(_res.message, "我知道了");
		// 				return false;
		// 			}
		// 		})
		// 	} else {
		// 		$.fetch({
		// 			url: '/zyjp/gwfllbCx',
		// 			type: 'get',
		// 			data: {
		// 				sgwlms: sgwlms || []
		// 			}
		// 		}).done(function (res) {
		// 			var _res = res.returnData;
		// 			if (_res.executeResult == 1) {} else {
		// 				$.layerMsg(_res.message, "我知道了");
		// 				return false;
		// 			}
		// 		})
		// 	}
		// }


		// 获取到北京市的行政区划
		function getQu() {
			$.fetch({
				url: '/zyjp/qmlbCx',
				type: 'get'
			}).done(function (res) {
				var _res = res.returnData;
				dqrq = _res.dqrq;
				if (+_res.executeResult == 1) {
					var _data = _res.qxlb;
					var _html = '<span class="item_active all_item" zpqid="" title="全部区域">全部</span>';
					$.each(_data, function (k, v) {
						_html += '<span class="item" title="' + v.xzqhjc + '" zpqid="' + v.xzqhdm + '">' + v.xzqhjc +
							'</span>'
					});
					$('#add').html(_html);
					// 调取查询接口
				} else {
					$.layerMsg(_res.message, '我知道了');
				}
			})
		}
		getQu();
		// 获取到分类的get接口
		function getType(Str) {
			$.fetch({
				url: '/zyjp/gwfllbCx',
				type: 'get'
			}).done(function (res) {
				var _res = res.returnData;
				if (_res.gwlmlb.length <= 9) {
					$(".open").hide();
				} else {
					$(".open").show();
				}
				if (+_res.executeResult == 1) { //先截取后面的 slice 返回原数组    splice返回改变后的数组 即不是原数组
					//  截取10个以后 放入 隐藏兰
					var _data = _res.gwlmlb.slice(Str);
					var _html = "";
					$.each(_data, function (k, v) {
						_html += '<span class="item" title="' + v.gwlm + '" gwlmbh="' + v.gwlmbh + '">' + v.gwlm +
							'</span>'
					});
					$('.disnone').html(_html);
					////////////////////////////////////////////////////////////////////////////
					// 截取前10个放入显示栏
					var data_ = _res.gwlmlb.splice(0, Str);
					var html_ = '<span class="item_active all_item" gwlmbh="" title="全部分类">全部</span>';
					$.each(data_, function (k, v) {
						html_ += '<span class="item" title="' + v.gwlm + '" gwlmbh="' + v.gwlmbh + '">' + v.gwlm +
							'</span>'
					});
					$('.type').html(html_);
					// 调取查询接口
				} else {
					$.layerMsg(_res.message, '我知道了');
				}
			})
		}
		// 分类接口调用
		getType(9)
		getxf_Cx(conditionList) // 自行调用查询接口一遍 用来展示全部数据
		//  需方的查询
		function getxf_Cx(tjid, ssqs, gwlms, ssnr, sgwlms) { // 条件id 城区id  分类id  查询输入内容
			var index = 0;
			var data = {
				ssqs: ssqs || [],
				gwlms: gwlms || [],
				sgwlms: sgwlms || [],
				ssnr: ssnr,
				tjid: tjid || [],
				pageSize: 12,
				pageNum: index,
				mkId: 70
			}
			if (data.ssqs.length == 0 && data.gwlms.length == 0) {
				$(".conditions_input").html("全部区域");
				$(".conditions_input1").html("全部分类");
				// $(".conditions_input2").hide()
			}
			// else {
			// 	$(".conditions_input2").show()
			// }
			$('#page_xf').pageTool({
				url: '/zyjp/getTblb?',
				type: 'post',
				data: data,
				locator: 'returnData',
				errMes: '当前无相关招聘信息！！',
				beforeInit: function (res) {
					if (res.returnData.executeResult == '1') {
						// typestring =List.toString();
						// console.log(typestring)
						var _tblb = res.returnData.tblb;
						// $.each(_tblb, function (k, v) {
						// 	if (v.dwid) {
						// 		v.icon = conf.urlPrefix + '/zyjp/getLogo?icon=' + v.icon
						// 	} else {
						// 		v.icon = './styles/images/logo/' + v.icon
						// 	}
						// });
						return res;
					}
				},
				callback: function (res) {
					$('.pageTool_previous').html('上一页&nbsp;');
					$('.pageTool_next').html('下一页&nbsp;');
					var _res = res.returnData;
					if (_res.executeResult == '1') {
						index++;
					} else {
						$.layerMsg(_res.message, '我知道了', function () {
							return false;
						});
					}
				}
			});
		}
		template.helper('typestring', function () {
			if (List.length == 0) {
				return '';
			} else {
				return List.toString()
			}
		})



		// 控制展开收起
		$(document).on("click", ".postt .open", function () {
			var _class = $(this).hasClass('zk_active');
			if (!_class) {
				$(this).addClass('zk_active');
				$(this).text('收起');
				$(".disnone").slideDown();
			} else {
				$(this).removeClass('zk_active');
				$(this).text('.. 更多');
				$(".disnone").slideUp();
			}
		})

	})

</script>

</html>
